/* 
1 移动端的滚动条 不一定都要用iscroll来实现
  1 就使用原生的滚动条！！！
  2 要有弹簧效果 此时 再去使用iscrll来实现 
  3 先实现页面的主要效果 动态渲染
  4 再去优化页面
    1 使用iscrll
    2 使用rem 
*/
.pyg_main{
  display: flex;
  .left{
    width: .8rem;
    // 100px  1rem=100px 14px=0.14rem
    font-size: 0.14rem;
    overflow: hidden;
    ul{
      list-style: none;
      margin: 0;
      padding: 0;
      li{
        display: flex;
        justify-content: center;
        align-items: center;
        height: .4rem;
      }
      .active{
        border-left: 3px solid #0094ff;
        background-color: #fff;
      }
    }
  }
  .right{
    flex: 1;
    overflow: scroll;
    background-color: #fff;
    .goods_item{
      .goods_title{
        color: #0094ff;
        font-size: .14rem;
        height: .4rem;
        line-height: .4rem;
        padding-left: .15rem;
      }
      ul{
        list-style: none;
        margin: 0;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        li{
          width: 33.33%;
          a{
        
            display: block;
            text-align: center;
            img{
              width: 70%;
         
            }
            .goods_name{
              font-size: .13rem;
              color: #000;
            }
          }
        }
      }
    }
  }
}